// 系统角色管理页面样式

.system-role-page {
  .permission-tree {
    .ant-tree {
      background: #fafafa;
      border: 1px solid #d9d9d9;
      border-radius: 6px;
      padding: 8px;
    }

    .ant-tree-node-content-wrapper {
      &:hover {
        background-color: #f5f5f5;
      }
    }

    .ant-tree-node-selected {
      background-color: #e6f7ff !important;
    }
  }

  .role-status-tag {
    &.status-normal {
      background-color: #f6ffed;
      border-color: #b7eb8f;
      color: #52c41a;
    }

    &.status-disabled {
      background-color: #fff2f0;
      border-color: #ffccc7;
      color: #ff4d4f;
    }
  }
}

// 表格样式优化
.ant-pro-table {
  .ant-table-tbody > tr > td {
    vertical-align: middle;
  }

  .ant-table-cell {
    .ant-space {
      justify-content: center;
    }
  }
}

// 抽屉样式优化
.ant-drawer {
  .ant-drawer-body {
    padding: 0;
  }

  .ant-form {
    .ant-form-item {
      margin-bottom: 16px;
    }

    .ant-form-item-label {
      font-weight: 500;
    }
  }
}
